<!--这个formGroup的值是后台的一个属性，所以要用属性绑定-->
<form [formGroup]="formModel" (submit)="onSubmit()">

  <!--如果formControl在formGroup里面使用时，只能用formControlName-->
  <input formControlName="username">

  <!--如果名字以Name结尾例如formControlName，就不用使用[]-->
  <!--如果名字不以Name结尾例如formGroup，就使用[]-->
  <!--以Name结尾属性结尾的指令只能用在formGroup覆盖范围之内-->

  <!--这个formGroupName的值是一个字符串，所以不要用属性绑定语法-->
  <div formGroupName="dateRange">
    起始日期：<input type="date" formControlName="from">
    截止日期：<input type="date" formControlName="to">
  </div>
  <div>
    <ul formArrayName="emails">
      <li *ngFor="let e of this.formModel.get('emails').controls;let i = index;">
        <input type="text" [formControlName]="i">
      </li>
    </ul>
    <button type="button" (click)="addEmail()">增加Email</button>
  </div>
  <div>
    <button type="submit">保存</button>
  </div>
</form>
<!--formControl不能在formGroup里面使用-->
<input [formControl]="username">
